﻿<!DOCTYPE html>
<html lang="en" class="en">
<head>
    <title>登陆 - 水吧</title>
    <script type="text/javascript">var P_TIMER_START = new Date();</script>
    <meta name="google-site-verification" content="084yfFbt4cT_4Gt1BBHFINQ71YTJCd9S47fL7IE7S1w" />
    <meta name="application-name" content="Pinterest" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="/images/logo_trans_144x144.png" />
    <link rel="icon" href="/images/favicon.png" type="image/x-icon" />
    <link rel="apple-touch-icon-precomposed" href="/images/ipad_touch_icon.png" />
    <link rel="stylesheet" href="/Styles/pinboard_471dc126.css" type="text/css" media="all" />
    <link href="/Styles/common.css" rel="stylesheet" />
    <!--[if (gt IE 6)&(lt IE 9)]><link rel="stylesheet" href="/Styles/ie7-and-up_88f69140.css" type="text/css" media="all" /><![endif]-->
    <script type="text/javascript">var _sf_startpt = (new Date()).getTime()</script>
    <script type="text/javascript">if (!window.console) { window.console = { log: function () { } }; };</script>
    <script type="text/javascript">window.userIsAuthenticated = false;
    </script>
    <script src="/Scripts/jquery-1.8.3.js"></script>
    <script src="/Scripts/Login.js"></script>
    <script src="/Scripts/jquery.cookie.js"></script>
    <script>
        if (!window.P)
        {
            window.P = {};
        }
        P.SEARCH_FILTER_TYPES = JSON.parse('{"TAG_FACEBOOK_PINNER": "facebook_pinner", "TAG_TWITTER_PINNER": "twitter_pinner", "TAG_FACEBOOK_NON_PINNER": "facebook_non_pinner", "TAG_BOARD": "board", "TAG_OWNER_AND_COMMENTER": "owner_and_commenter", "TAG_MUTUAL_FOLLOW": "mutual_follow", "TAG_TWITTER_NON_PINNER": "twitter_non_pinner", "TAG_FOLLOWEE": "followee"}');
        P.SEARCH_LOADING = "/images/loading-typeahead.gif";
        P.EMAIL_INVITE_ICON = "/images/board/email_invite_icon.png";
        P.IS_AUTHENTICATED = false;
    </script>
</head>
<noscript>
    <div id="NoScript">
        <h1>You need to enable Javascript.</h1>
    </div>
</noscript>
<h1 id="login_logo"><a href="/"></a></h1>
<div class="social_buttons  hide">
    <div class="inset hide">
        <a class="fb login_button" href="/facebook/login/">
            <div class="logo_wrapper"><span class="logo"></span></div>
            <span>Log in with Facebook</span>
        </a>
    </div>
    <div class="inset hide">
        <a class="tw login_button" href="/twitter/">
            <div class="logo_wrapper"><span class="logo"></span></div>
            <span>Log in with Twitter</span>
        </a>
    </div>
</div>
<img class="login_bar" src="/images/login_bar.png" alt="Horizontal Rule" />
<form id="AuthForm" class="Form FancyForm AuthForm" action="/login/?next=%2Flogin%2F" method="POST" accept-charset="utf-8">
<ul class="ControlGroups">
    <li>
        <input id="LoginName" name="LoginName" type="text" />
        <label>用户名</label>
        <span class="fff"></span>
    </li>
    <li>
        <input id="LoginPwd" name="LoginPwd" type="password" />
        <label>密码</label>
        <span class="fff"></span>
    </li>
</ul>
<div class="non_inputs">
    <button type="button" id="btnLogin" class="Button WhiteButton Button18">登陆</button>
    <a id="resetPassword" class="colorless" href="#">忘记密码？</a>
</div>
</form>
<div class="joinPinterest">
    <div class="separator"></div>
    <a id="aJoin" class="Button WhiteButton Button18 fontColorGray"
        href="/join/signup/">加入水吧
    </a>
</div>
<script type="text/javascript">
    $(document).ready(function ()
    {
        //Login.setup();
        //FancyForm.setup();
        //测试使用
        $("#LoginName").val("root");
        $("#LoginPwd").val("123");
        $("#LoginName").next().text("");
        $("#LoginPwd").next().text("");
        //CheckLogin();
        //return;
        //测试使用
        $("#btnLogin").click(CheckLogin);
        $("#LoginName").keyup(function ()
        {
            if ($("#LoginName").val() == "")
            {
                $("#LoginName").next().text("用户名");
            }
            else
            {
                $("#LoginName").next().text("");
            }
        });
        $("#LoginPwd").keyup(function ()
        {
            if ($("#LoginPwd").val() == "")
            {
                $("#LoginPwd").next().text("密码");
            }
            else
            {
                $("#LoginPwd").next().text("");
            }
        });
        $("#LoginPwd").keydown(submitkey);
        function submitkey(event)
        {
            if (event.keyCode == 13)
            {
                CheckLogin();
            }
        }
    });
</script>
<div id="SearchAutocompleteHolder"></div>
<button id="ScrollToTop" class="Button WhiteButton Offscreen Indicator" type="button">
    Scroll to Top
</button>
<div id="ErrorDialog" class="ModalContainer alertBox">
    <div class="modal">
        <div class="closeBtn closeButton">&nbsp;</div>
        <div class="message"></div>
        <div class="footer">
            <button class="Button RedButton Button18 closeButton" type="button">Close</button>
        </div>
    </div>
    <div class="overlay"></div>
</div>
</html>
